<template>
<div class="container">

  <el-card class="box-card" style="margin-bottom: 10px;height: 55px">

  </el-card>
  <el-row type="flex">
    <el-col :span="12">
<!--      菜单-->
      <el-card class="box-card" style="height: 350px">
        <el-row type="flex" justify="space-around" style="margin-bottom: 15px">
          <el-col :span="8" style="width: 160px">
            <el-card class="box-card" style="height: 130px">

            </el-card>
          </el-col>
          <el-col :span="8" style="width: 160px">
            <el-card class="box-card"  style="height: 130px">

            </el-card>
          </el-col>
          <el-col :span="8" style="width: 160px">
            <el-card class="box-card"  style="height: 130px">

            </el-card>
          </el-col>
        </el-row>

        <el-row type="flex" justify="space-around">
          <el-col :span="8" style="width: 160px">
            <el-card class="box-card" style="height: 130px">

            </el-card>
          </el-col>
          <el-col :span="8" style="width: 160px">
            <el-card class="box-card"  style="height: 130px">

            </el-card>
          </el-col>
          <el-col :span="8" style="width: 160px">
            <el-card class="box-card"  style="height: 130px">

            </el-card>
          </el-col>
        </el-row>
      </el-card>
    </el-col>

    <el-col :span="12"  style="margin-left: 10px">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>发展历史</span>
        </div>
        <el-timeline>
          <el-timeline-item timestamp="2018/4/12" placement="top">
            <el-card>
              <h4>更新 Github 模板</h4>
              <p>王小虎 提交于 2018/4/12 20:46</p>
            </el-card>
          </el-timeline-item>
          <el-timeline-item timestamp="2018/4/3" placement="top">
            <el-card>
              <h4>更新 Github 模板</h4>
              <p>王小虎 提交于 2018/4/3 20:46</p>
            </el-card>
          </el-timeline-item>
          <el-timeline-item timestamp="2018/4/2" placement="top">
            <el-card>
              <h4>更新 Github 模板</h4>
              <p>王小虎 提交于 2018/4/2 20:46</p>
            </el-card>
          </el-timeline-item>
        </el-timeline>
      </el-card>
    </el-col>
  </el-row>
</div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped>
.container{
  margin: 0px 10px;
}
</style>